<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/loginaccount.css">
    <link rel="stylesheet" href="./css/common.css">
	<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

</head>

<body>
    <div class="content pos_r">
        <div class="left_arr">
            <a href="./login.html">
                <img src="./static/image/Frame 6.svg" alt="">
            </a>
        </div>
        <div class="right_icon pos_a">
            <img src="./static/image/5.png" alt="">
        </div>
        <div class="l_b_img pos_a">
            <img src="./static/image/5.png" alt="">
        </div>
        <div class="logo_txt1 txt_center">MusiC</div>
        <div class="logo_txt2 txt_center">Create an account</div>
        <div class="email  flex_x start">
            <img class="mr_20" src="./static/image/🦆 icon _email outline_.svg" alt="">
            <span>Please Enter Your Email</span>
        </div>
        <div class="email  flex_x start">
            <img class="mr_20" src="./static/image/🦆 icon _camera outline_.svg" alt="">
            <span>Please Enter Your Password</span>
        </div>
        <div class="flex_x between pd12">
            <div>
                <input type="radio">
                <span>Remember Me</span>
            </div>
            <div>
                Forgot Password?
            </div>
        </div>
        <div class="sign txt_center">
           <a href="./discover.html"> Sign In</a>
        </div>
        <div class="txt_center mt_20 font_13">OR</div>
        <div class="mt_20 font_13 txt_center">Log in with social Network</div>
        <div class="flex_x around tw mt_20 p24 border_box">
            <img src="./static/image/Ellipse 4.svg" alt="">
            <img src="./static/image/Ellipse 5.svg" alt="">
            <img src="./static/image/Ellipse 6.svg" alt="">
        </div>
        <div class="bottoms txt_center mt_60">
            <span class="cc">Don’t Have an account?</span>
            <span class="oo">Sign  up</span>
        </div>
    </div>
</body>
<script>
    $(function(){
        $('.content').show(500,'linear')
    })
</script>
</html>